$mb = 5px

common()
  $W = 46px

  .wrap-g
    position fixed
    z-index 9
    *
      box-sizing border-box
    .foot-menu
      position static
    .scene
      display block !important
      padding 0
      margin 0
    .group-wrap
      position fixed
      width $W
      overflow hidden
      right 5px
      top 55%
      transform translate(0%, -50%)
      .scene-group-g
        padding 0
        margin 0
        display flex
        flex-direction column
        overflow-y auto
        -webkit-overflow-scrolling touch
        width $W !important
        transform initial !important
        .scene-group-item
          cursor pointer
          padding 0
          margin 0
          margin-bottom $mb
          border none
          .label
            padding 8px
            background-color rgba(0, 0, 0, 0.5)
            font-size 12px
            border 1px solid #999
            display flex
            justify-content center
            align-items center
            white-space initial
            color #fff
            overflow initial
            text-overflow initial
            width $W
            height $W
            border-radius 12px
    .scene-wrap
      position fixed
      width $W
      left 5px
      top 55%
      transform translate(0%, -50%)
      // .opts-wrap
      .scene-list
        transform initial !important
        display flex
        flex-direction column
        overflow-y auto
        -webkit-overflow-scrolling touch
        max-height ($W + $mb) * 5
        position static
        padding 0
        margin 0
        width $W + 20 !important
        .scene-list-item
          padding 0
          position static
          margin 0
          overflow initial
          border none !important
          &:before
            display none
          .text
            margin-bottom $mb
            position static !important
            padding 8px
            line-height 14px !important
            font-size 12px
            border 1px solid #999
            display flex
            justify-content center
            align-items center
            white-space initial
            overflow initial
            text-overflow initial
            width $W
            height $W
            border-radius 12px
  ::-webkit-scrollbar
    width 0
    height 0px
  /* 定义滚动条轨道 内阴影+圆角 */
  ::-webkit-scrollbar-track
    border-radius 5px
  /* 定义滑块 内阴影+圆角 */
  ::-webkit-scrollbar-thumb
    border-radius 5px
  // @media only screen and (min-width: 320px) and (max-width: 374px)
  // $W = 34px
  // $FSZ = 9px
  // .wrap-g
  // .group-wrap
  // width $W
  // .scene-group-g
  // width @width!important
  // .scene-group-item
  // .label
  // padding 6px
  // font-size $FSZ
  // width $W
  // height $W
  // .scene-wrap
  // width $W
  // .scene-list
  // max-height ($W + $mb)*5
  // width $W+20!important
  // .scene-list-item
  // .text
  // padding 6px
  // font-size $FSZ
  // width $W!important
  // height $W!important

  // @media only screen and (min-width: 375px) and (max-width: 413px)
  // $W = 36px
  // $FSZ = 9px
  // .wrap-g
  // .group-wrap
  // width $W
  // .scene-group-g
  // width @width!important
  // .scene-group-item
  // .label
  // padding 6px
  // font-size $FSZ
  // width @width
  // height @width
  // .scene-wrap
  // width $W
  // .scene-list
  // max-height ($W + $mb)*5
  // width $W+20!important
  // .scene-list-item
  // .text
  // padding 6px
  // font-size $FSZ
  // width $W!important
  // height $W!important
  @media only screen and (min-width 414px) and (max-width 1024px)
    $W = 38px
    $FSZ = 10px

    .wrap-g
      .group-wrap
        width $W
        .scene-group-g
          width @width !important
          .scene-group-item
            .label
              padding 6px
              font-size $FSZ
              width @width
              height @width
      .scene-wrap
        width $W
        .scene-list
          max-height (@width + $mb) * 5
          width @width + 20 !important
          .scene-list-item
            .text
              padding 6px
              font-size $FSZ
              width $W !important
              height $W !important
